<script setup>
import {ref} from 'vue';

const brandList = ref([
  {
    id: 1,
    img: require('@/assets/images/hot1.png')
  },
  {
    id: 2,
    img: require('@/assets/images/hot2.png')
  },
  {
    id: 3,
    img: require('@/assets/images/hot3.png')
  },
  {
    id: 4,
    img: require('@/assets/images/hot4.png')
  },
  {
    id: 5,
    img: require('@/assets/images/hot5.png')
  }
]);
</script>

<template>
  <li class="base-brand-item" v-for="item in brandList" :key="item.id">
    <a href="#">
      <img :src="item.img" alt=""/>
    </a>
  </li>
</template>

<style scoped>
.base-brand-item li {
  width: 244px;
  height: 306px;
}
</style>